﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  xmlns:wairole="http://www.w3.org/2005/01/wai-rdf/GUIRoleTaxonomy#"
xmlns:waistate="http://www.w3.org/2005/07/aaa" lang="zh" xml:lang="zh">
<head>
    <title>手机商城，广东电信</title>
    <link href="css/common1_1.css" rel="stylesheet" type="text/css" />
    
    <link href="css/shopstyle.css" rel="stylesheet" type="text/css" /> 
    
  <!--[if lte IE 6]>
	<link rel="stylesheet" href="css/commonie6.css" type="text/css"/>
	<![endif]-->
	<!--[if IE 7]>
	<link rel="stylesheet" href="css/commonie7.css" type="text/css"/>	
	<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
	<!--[if gte IE 7]>
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
	<![endif]-->
	
<!-- BEGIN CommonJSToInclude.jspf -->
<script type="text/javascript" src="javascript/jquery-1.6.2.js"></script>
<script type="text/javascript"> 
	var absoluteURL = "http://localhost/webapp/wcs/stores/servlet/";
	var imageDirectoryPath = "";
	var styleDirectoryPath = "images/colors/color1/";
	var supportPaymentTypePromotions = false;
	
	//Summary: Returns the absolute URL to use for prefixing any Ajax URL call.
	//Description: Dojo does not handle the case where the parameters in the URL are delimeted by the "/" forward slash. Therefore, in order to
	//             workaround the issue, all AJAX requests must be done using absolute URLs rather than relative.
	//Returns: The absolute URL to use for prefixing any Ajax URL call.
	function getAbsoluteURL()
	{
		if (absoluteURL != "") {
			var currentURL = document.URL;
			var currentProtocol = "";
		
			if (currentURL.indexOf("://") != -1) {
				currentProtocol = currentURL.substring(0, currentURL.indexOf("://"));
			}
			
			var savedProtocol = "";
			if (absoluteURL.indexOf("://") != -1) {
				savedProtocol = absoluteURL.substring(0, absoluteURL.indexOf("://"));
			}
			
			if (currentProtocol != savedProtocol) {
				absoluteURL = currentProtocol + absoluteURL.substring(absoluteURL.indexOf("://"));
			}
		}
		
		return absoluteURL;
	}
	//Summary: Returns the path pointing to the shared image directory.
	//Description: In order to get the image directory path in any javascript file, this function can be used.
	//Returns: The path to reference images.
	function getImageDirectoryPath()
	{
		return imageDirectoryPath;
	}
	//Summary: Returns the path pointing to the directory containing color-dependant image files.
	//Description: In order to get the directory containing color-dependant image files in any javascript file, this function can be used.
	//Returns: The path to reference color-dependant image files.
	function getStyleDirectoryPath()
	{
		return styleDirectoryPath;
	}
	 
 
 
	function lazyloadForHidePart(container) {
	    container.find('img').each(function () {
	        var original = $(this).attr("original");
	        if (original) {
	            $(this).attr('src', original).removeAttr('original');
	        }
	    });
	}
	var _globalChanelUrl = [];
	var _globalChanelId = [];
	_globalChanelUrl['Mobile']='http://localhost/webapp/wcs/stores/servlet/AjaxCatalogSearchView?advanced=true&catalogId=10001&categoryId=10501&langId=-7&storeId=10151';
	_globalChanelUrl['PhoneNumber']='http://localhost/webapp/wcs/stores/servlet/PhoneNumberDisplayView?catalogId=10001&categoryId=10502&langId=-7&latnId=200&storeId=10151';
	_globalChanelUrl['Plan']='http://localhost/webapp/wcs/stores/servlet/PlanDisplayView?catalogId=10001&langId=-7&categoryId=10524&storeId=10151';
	_globalChanelUrl['GiftPack']='';
 
	_globalChanelId['Mobile']='10501';
	_globalChanelId['PhoneNumber']='10502';
	_globalChanelId['Plan']='10524';
	_globalChanelId['GiftPack']='';
 
	/**
	 *  get the chanel url by catentry type [field4' value] in the map
	 */
	function getChanelUrlByKey(key) {
		var url =  _globalChanelUrl[key];
    	if( key ==undefined || (url == null || url=="" || url =='undefined')){
    		url = _globalChanelUrl['Mobile']
    	}
    	return url;
	}
 
	/**
	* get the chnael id by the catentry type [field4' value] in the map
	*/
	function getChanelIdByKey(key) {
		var url =  _globalChanelId[key];
    	if( key ==undefined || (url == null || url=="" || url =='undefined')){
    		url = _globalChanelId['Mobile']
    	}
    	return url;
	}
 
 
  /**
   * check if the scroll has reached the bottom
   */
  function reachBottom() {
 
	    var scrollTop = 0; 
	    var clientHeight = 0; 
	    var scrollHeight = 0;
 
	    if (document.documentElement && document.documentElement.scrollTop) {
	        scrollTop = document.documentElement.scrollTop;
	    } else if (document.body) {
	        scrollTop = document.body.scrollTop;
	    }
	    
	    if (document.body.clientHeight && document.documentElement.clientHeight) { 
	        clientHeight = (document.body.clientHeight < document.documentElement.clientHeight) ? document.body.clientHeight: document.documentElement.clientHeight;
	    } else {
	        clientHeight = (document.body.clientHeight > document.documentElement.clientHeight) ? document.body.clientHeight: document.documentElement.clientHeight;
		}
 
	    scrollHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
 
	    if (scrollTop + clientHeight == scrollHeight) { 
	        return true; 
	    } else { 
	        return false; 
	    }
   }
</script>
<script type="text/javascript" src="javascript/CommonUtils.js"></script>	
<script type="text/javascript" src="javascript/jquery.lazyload.js"></script>
<script type="text/javascript" src="javascript/components/jqueryPlug.js"></script>

</head>
<body>
    <div class="header">
       <div class="topHeader">
            <div class="topHeaderContent nfc clearfix">
              <div class="topCity clearfix">
                <div class="blockFloat">当前地市：</div>
                <div class="yourCity">广州</div>
                <div class="changeCity clearfix current"><span class="changeWord">切换城市</span><span class="cityList"></span></div>
                <div class="cityTable" style="display:none;">
                  <ul class="clearfix">
                    <li><a href="">广州</a></li>
                    <li class="current"><a href="">深圳</a></li>
                    <li><a href="">东莞</a></li>
                    <li><a href="">珠海</a></li>
                    <li><a href="">佛山</a></li>
                    <li><a href="">汕头</a></li>
                    <li><a href="">韶关</a></li>
                    <li><a href="">河源</a></li>
                    <li><a href="">肇庆</a></li>
                    <li><a href="">梅州</a></li>
                    <li><a href="">惠州</a></li>
                    <li><a href="">中山</a></li>
                    <li><a href="">江门</a></li>
                    <li><a href="">阳江</a></li>
                    <li><a href="">中山</a></li>
                    <li><a href="">湛江</a></li>
                    <li><a href="">清远</a></li>
                    <li><a href="">云浮</a></li>
                    <li><a href="">潮州</a></li>
                    <li><a href="">揭阳</a></li>
                    <li><a href="">茂名</a></li>
                  </ul>
                </div>
              </div>
              <div class="topHeaderLeft clearfix left">
                <div class="blockFloat">您好，欢迎来到中国电信天翼商城！</div>
                <div class="blockFloat">[ <a href="">登录</a> ]</div>
                <div class="blockFloat">[ <a href="">免费注册!</a> ]</div>
             </div>
             <div class="topHeaderRight clearfix right">
                <span class="cart clearfix"><a href="">购物车</a><span class="cartIcon"></span></span>
                <a href="" class=" blockFloat">我的订单</a>
                <span class="blockFloat">&nbsp;|&nbsp;</span>
                <a href="" class=" blockFloat">网站导航</a>
                <span class="blockFloat">&nbsp;|&nbsp;</span>
                <a href="" class=" blockFloat">帮助中心</a>
                <span class="blockFloat">&nbsp;|&nbsp;</span>
                <a href="" class=" blockFloat">返回网上营业厅</a>
                <div class="cartContent" style="display:none">
                       <h4>您选择的商品：</h4>
                       <div class="phone clearfix"><span class="blockFloat">HTC 惊艳S710d手机</span><span class="delIcon"></span><span class="block right">5000元</span></div>
                       <div class="set">
                          <div class="clearfix"><span class="blockFloat">预存话费1500元</span><span class="delIcon"></span><span class="block right">+1500元</span></div>
                          <div class="clearfix"><span class="blockFloat">送1500元购机补贴</span><span class="block right" style="margin-right:20px;">-1500元</span></div>
                       </div>
                       <p class="descr">商品包括HTC 惊艳S710d手机1部，话费1500元</p>
                      <p class="cost">合计：<span>5000元</span></p>
                      <div class="clearfix"><p class="left">购物车中共有<span class="num">1</span>件商品</p><p class="right"><input type="button" class="finished" value="去结算"/></p></div>
                </div>
             </div>
            </div><!--topHeaderContent-->
       </div> 
       <div class="midHeader">
            <a href="" class="logo"><img src="images/style_default/header_footer/logo.jpg" /></a>
            <div class="mainSearch left">
                    <input type="text" class="box"/>
                    <input type="button" class="button"/>
                    <br class="clear"/>
                    <div class="searchTips clearfix">
                    <span></span>
                        <a href="">3G手机</a>
                        <a href="">宽带包年套餐</a>
                        <a href="">HTC双擎</a>
                        <a href="">8888</a>
                    </div>
            </div>
            <a href="" class="headerAD"><img src="images/style_default/header_footer/iphone.jpg" /></a>
       </div>
       <div class="topNav">
            <ul class="clearfix">
                <li class="home"><a href="" class="">商城首页</a></li>
                <li><a href="">天翼靓号</a></li>
                <li><a href="">天翼套餐</a></li>
                <li><a href="">手机大全</a></li>
                <li><a href="">特惠活动</a></li>
                <li><a href="">手机配件</a></li>
                <li class="appDown"><a href="" class="">免费应用下载</a></li>
                <li>预留位置</li>
            </ul>
       </div><!--topNav-->
    </div>
    <div id="consumGoodNum" class="container">
        <div class="NumberStepmain">
               <div class="numberStepLeft clearfix">
            <div class="StepTitle FirstStep">
                <span class="OnStep">第一步：选择天翼靓号</span><span>第二部：填入网资料</span><span>第三步：填写收货信息，完成订购</span>
            </div>
            <div class="PassInfor">
                <h4>仅需 3 步，手机、号码加套餐一次搞掂！ 还有话费送喔 :)</h4>
                <div class="gotYourInfor">您选择的商品是: 乐享3G 89全能版 （后付费）</div>
            </div>
            <div class="NiceNumbers">
             <div class="StepspageMain clearfix">
                <div class="niceNumberTitle"><h5>绝版天翼靓号</h5><span class="titleIcon"></span></div>
                <div class="MakeChoice clearfix">
                    <div class="sizer">
                        <div class="CityChoice">
                            <span class="sizerTitle">选择城市：</span>
                            <span class="Cities clearfix"><span class="CityName">广州市</span><span class="selectIcon"></span></span>
                        </div>
                        <dl class="filterBar">
                        <dt>选择号段：</dt>
                        <dd>
                            <div class="sizercontent clearfix">
                                <div class="contentoption"><a href="" class="curr">全部</a></div>
                                <div class="contentoption"><a href="" class="">133</a></div>
                                <div class="contentoption"><a href="" class="">153</a></div>
                                <div class="contentoption"><a href="" class="">180</a></div>
                                <div class="contentoption"><a href="" class="">189</a></div>
                            </div>
                        </dd>
                        </dl>
                    </div>
                    <div class="searchContent">
                      <div class="search clearfix">
                        <input class="searchBar" type="text" value="输入您喜欢的数字查询" />
                        <input class="searchBtn" type="button" value="搜索" />
                      </div>
                    </div>
                </div>
                <div class="prettNumContent2 clearfix">
                  <ul class="prettNumList">
                    <li class="listCaption">
                    <span class="numCaption">号码</span>
                    <span class="liRight">预存话费</span>
                    </li>
      <li>
          <span class="phoneNum">1802244</span>
          <span class="numFocus">7777</span>
          <span class="priceSign">￥</span>
          <span class="numPrice">3000.00元</span>
          <span class="focusPic" style="display:none;"></span>
          <span class="foucsBorder" style="display:none;"></span>
      </li>
      <li>
        <span class="phoneNum">1802244</span>
        <span class="numFocus">5555</span>
        <span class="priceSign">￥</span>
          <span class="numPrice">10000.00元</span>
        <span class="focusPic" style="display:none;"></span>
        <span class="foucsBorder" style="display:none;"></span>
      </li>
      <li>
        <span class="phoneNum">1802244</span>
        <span class="numFocus">4444</span>
        <span class="priceSign">￥</span>
        <span class="numPrice">2000.00元</span>
        <span class="focusPic" style="display:none;"></span>
        <span class="foucsBorder" style="display:none;"></span>
      </li>
      <li>
        <span class="phoneNum">1892428</span>
        <span class="numFocus">0415</span>
        <span class="priceSign">￥</span>
        <span class="numPrice">2000.00元</span>
        <span class="focusPic" style="display:none;"></span>
        <span class="foucsBorder" style="display:none;"></span>
      </li>
      <li>
         <span class="phoneNum">1892428</span>
         <span class="numFocus">0411</span>
         <span class="gratis">免费</span>
         <span class="focusPic" style="display:none;"></span>
         <span class="foucsBorder" style="display:none;"></span>
       </li>
       <li>
         <span class="phoneNum">1802244</span>
         <span class="numFocus">8127</span>
         <span class="gratis">免费</span>
         <span class="focusPic" style="display:none;"></span>
         <span class="foucsBorder" style="display:none;"></span>
       </li>
    </ul>
                  <ul class="prettNumList sidePrettNumList">
      <li class="listCaption">
        <span class="numCaption">号码</span>
        <span class="liRight">预存话费</span>
      </li>
      <li>
          <span class="phoneNum">1802244</span>
          <span class="numFocus">8127</span>
          <span class="priceSign">￥</span>
          <span class="numPrice">3000.00元</span>
          <span class="focusPic" style="display:block;"></span>
          <span class="foucsBorder" style="display:block;"></span>
      </li>
      <li>
        <span class="phoneNum">1892878</span>
        <span class="numFocus">0445</span>
        <span class="gratis">免费</span>
        <span class="focusPic" style="display:none;"></span>
        <span class="foucsBorder" style="display:none;"></span>
      </li>
      <li>
        <span class="phoneNum">1892428</span>
        <span class="numFocus">0413</span>
        <span class="priceSign">￥</span>
        <span class="numPrice">1000.00元</span>
        <span class="focusPic" style="display:none;"></span>
        <span class="foucsBorder" style="display:none;"></span>
      </li>
      <li>
        <span class="phoneNum">1892428</span>
        <span class="numFocus">0415</span>
        <span class="priceSign">￥</span>
        <span class="numPrice">2000.00元</span>
        <span class="focusPic" style="display:none;"></span>
        <span class="foucsBorder" style="display:none;"></span>
      </li>
      <li>
         <span class="phoneNum">1892428</span>
         <span class="numFocus">0411</span>
         <span class="gratis">免费</span>
         <span class="focusPic" style="display:none;"></span>
         <span class="foucsBorder" style="display:none;"></span>
       </li>
       <li>
         <span class="phoneNum">1802244</span>
         <span class="numFocus">8127</span>
         <span class="gratis">免费</span>
         <span class="focusPic" style="display:none;"></span>
         <span class="foucsBorder" style="display:none;"></span>
       </li>
    </ul>
                </div>
                <div class="pageNumber clearfix">
                    <div class="pagenum clearfix">
                        <span class="pageprev">< 上一页</span>
                        <span class="pagesCount currentingPage">1</span>
                        <span class="pagesCount">2</span>
                        <span class="pagesCount">3</span>
                        <span class="pagesCount">4</span>
                        <span class="pagesCount">5</span>
                        <span class="morepage">...</span>
                        <span class="pagenext">下一页 ></span>
                </div>
                <div class="linkGoodNum">
                  <p class="tryHere"><a href="#">算了，我还是挑选普通靓号，返回！</a></p>
                </div>
             </div>
                <div class="SubsidyBox">
                    <div class="Subsidy clearfix"><span><input type="checkbox" name="Subsidy" /></span><span class="SubsidyTitle">我想增加预存话费，享受购机补贴</span><span class="Toselect"><a href="">去挑手机GO！</a></span></div>
                    <div class="SubsidyContent">您所选的套餐可享受 预存1500 赠送 1500 购机补贴权利，赠送的话费从次月起分24个月返还，每月返还的话费不包含在最低消费中。赠送的话费只在本手机号码、本月使用，不能累积至下月。</div>
                </div>
                </div>
            </div>
            <div class="StepsFooter">
                <div class="Prompt">还有两部，马上完成订单！</div>
                <div class="NextStep"><input type="submit"  value="" class="NextStepBtn"></span></div>
            </div>
        </div>
                <div class="numberStepRight clearfix">
                    <div class="SelectedProducts">
                        <div class="SelectedTitle"><span class="SelectedTitlecontent">你已挑选的商品</span><span class="titleIcon"></span></div>
                        <div class="selectedProductList">
                            <ul>
                                <li><span class="productName">天翼乐享3G 89元全能版</span> <span class="productInfor">免费  送500话费</span></li>
                                <li><span class="productName">摩托罗拉(Motorola) CDMA2000/GSM手机 XT882</span> <span class="productInfor"><em>￥</em>5280.00</span></li>
                                <li><span class="productName">卡士奇（kabiqi） 4G MicroSDHC(TF)存储卡</span> <span class="productInfor"><em>￥</em>5280.00</span></li>
                                <li class="TotalPay"><span>小计：</span><span class="TotalMoney"><em>￥</em>5580.50</span><span class="PayBtn"><input type="submit" value=""></span></li>
                            </ul>
                        </div>
                    </div>
                </div>
      </div>  
    </div><!--mainContent-->
    <div class="footer">
        <div class="footer1">
            <div class="footerTop clearfix">
            <div class="newPlayer left" style=" margin-right:55px;">
                <h3>新手上路</h3>
                <p><a href="">注册新用户</a></p>
                <p><a href="">购物流程</a></p>
                <p><a href="">交易条款</a></p>
            </div>
            <div class="payWay left" style=" margin-right:55px;">
                <h3>付款方式</h3>
                <p><a href="">支付方式</a></p>
                <p><a href="">如何办理退款</a></p>
                <p><a href="">发票制度说明</a></p>
            </div>
            <div class="deliver left" style=" margin-right:55px;">
                <h3>配送服务</h3>
                <p><a href="">配送时间</a></p>
                <p><a href="">配送方式</a></p>
            </div>
            <div class="afterSale left" style=" margin-right:55px;">
                <h3>售后服务</h3>
                <p><a href="">退换货政策</a></p>
                <p><a href="">售后服务事项</a></p>
            </div>
            <div class="helpCenter left">
                <h3>帮助中心</h3>
                <p><a href="">常见问题</a></p>
                <p><a href="">联系我们</a></p>
                <p><a href="">投诉与建议</a></p>
            </div>
        </div>
            <div class="footerBottom"></div>
       </div>
       <div class="footer2">
          <div class="foot2Top clearfix" >
                <a  href="" class="blockFloat">首页</a>
                <span class="blockFloat">&nbsp;|&nbsp;</span>
                <a  href="" class="blockFloat">关于我们</a>
                <span class="blockFloat">&nbsp;|&nbsp;</span>
                <a  href="" class="blockFloat">联系我们</a>
                <span class="blockFloat">&nbsp;|&nbsp;</span>
                <a  href="" class="blockFloat">人才招聘</a>
                <span class="blockFloat">&nbsp;|&nbsp;</span>
                <a  href="" class="blockFloat">网站联盟</a>
                <span class="blockFloat">&nbsp;|&nbsp;</span>
                <a  href="" class="blockFloat">友情链接</a>
            </div>
            <p class="nfc">版权所有：2009中国电信集团公司ICP证号：京ICP备C9031942号&nbsp;&nbsp;&nbsp;&nbsp;最终解释权广东电信手机商城</p>
       </div>
    </div>
    
    <!-- 自定义JS -->
<script type="text/javascript" src="javascript/components/master.js"></script>
<script type="text/javascript" src="javascript/components/header.js"></script>
</body>
</html>
